<template>
  <div class="warning">
    <hc-title-top :title="'近郊期预警'" />
    <div class="table">
      <hc-table :tableData="tableData" :column="column" />
    </div>
  </div>
</template>

<script setup>
import hcTitleTop from "@/components/hc-home/top.vue";
import hcTable from "@/components/hc-home/table.vue";
import { ref } from "vue";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();

const tableData = [
  {
    date: "2016-05-04",
    name: "1",
    address: "Lohrbergstr. 86c, Süd Lilli, Saarland",
  },
  {
    date: "2016-05-03",
    name: "2",
    address: "760 A Street, South Frankfield, Illinois",
  },
  {
    date: "2016-05-04",
    name: "1",
    address: "Lohrbergstr. 86c, Süd Lilli, Saarland",
  },
  {
    date: "2016-05-03",
    name: "2",
    address: "760 A Street, South Frankfield, Illinois",
  },
  {
    date: "2016-05-04",
    name: "1",
    address: "Lohrbergstr. 86c, Süd Lilli, Saarland",
  },
];
const column = [
  {
    prop: "name",
    show: true,
    width: 100,
    label: "编号",
  },
  {
    prop: "date",
    width: 100,
    show: true,
    label: "状态",
  },
  {
    prop: "date",
    show: true,
    label: "器械名称",
  },
  {
    prop: "date",
    show: true,
    label: "规格",
  },
  {
    prop: "date",
    show: true,
    label: "批次号",
  },
  {
    prop: "date",
    show: true,
    label: "有效期至",
  },
  {
    prop: "date",
    show: true,
    label: "剩余期限",
  },
  {
    prop: "date",
    show: true,
    label: "可用数量",
  },
  {
    prop: "date",
    show: true,
    label: "生产企业",
  },
];
</script>

<style lang="less" scoped>
.warning {
  background-color: #fff;
  margin-top: 15px;
  border-radius: 6px;
  padding: 10px 15px;
}

.table {
  margin-top: 20px;
}
</style>
